body{ background:url(../images/loginbg.png) repeat-x center top;}
.wrapper{width:950px;}
/*头部*/
.header{ background:#0B486B; height:40px; line-height:40px; padding:5px 0;}
.header .logo{float:left;}
.header .topNav{float:left;padding-left:25px; display:inline;}
.header .topNav li{font-size:14px; float:left; display:inline; margin-left:20px;}
.header .topNav li a{color:#c9e5f6;}

.wrapBox{ margin-top:75px;}
.wrapBox .hd{ height:36px; line-height:36px;}
.wrapBox .hd h2{ font-size:22px; float:left;text-shadow: 0 3px 5px #036878; color:#FFF;}
.wrapBox .hd span{float:right; font-size:14px; color:#FFF;}
.wrapBox .hd span a{color:#FFF;}
.wrapBox .hd span a i{float:right;display:block; height:18px; width:18px; background:url(../images/loginicon.png) no-repeat -36px -59px;margin:9px 0 0 8px;}



/*流程*/
.processor{margin-top:25px; background:#FFF; padding:15px 150px; border-bottom:1px solid #EEE;}
.processor ul{ position:relative;}
.processor li{float:left;text-align: center;width: 50%;}
.processor li .line{display: inline-block;height: 3px;margin-bottom: -26px;width: 80%; background:#d5d5d5;}
.processor li .text{color: #9e9f9f;margin-left: -52px;text-align: center;width: 105px; position:relative;}
.processor li .text i{ color: #fff;display: inline-block;font-size: 20px;font-style: normal;height: 40px;line-height: 41px;text-align: center;text-indent: 1px;vertical-align: middle;width: 40px; background:url(../images/loginicon.png) no-repeat -196px -175px; font-family:Arial;}
.processor li .text h4{font-size: 14px;font-style: normal;font-weight: 400;padding-top: 5px;}
.processor li.end{position:absolute;top:18px;right:-52px; width:105px;}
.processor li.end .text{margin-left:0;}
.processor li.yes .text h4{ color:#44b549;}
.processor li.yes .text i{background-position:-196px -75px;}
/*表单*/
.wrapBox .inner{box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); background:#FFF;padding:35px 110px;height: 500px;}
.inner .signs li{height:34px; line-height:34px; margin-bottom:18px;}
.inner .signs li label{ font-size:14px; float:left; color:#666;width:60px;margin-right: 8px;}
.inner .signs li .inputText{border: 1px solid #dfdfdf;border-radius: 3px;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.07) inset;height: 28px;line-height: 28px;outline: 0 none;padding: 2px 5px;transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;width: 250px; background:#FFF;float:left; width:250px;}
.inner .signs li span{float:left; margin-left:8px;}
.inner .signs li span.error{color:#F96566;display:none;}
.inner .signs li span.prompt{color:#999;}

.inner .signs li span i{height:19px; width:19px; float:left; background:url(../images/loginicon.png) no-repeat; display:block; margin:7px 8px 0 0;}
.inner .signs li span.error i{background-position:-36px -32px;}
.inner .signs li span.yes{display:none;}
.inner .signs li span.yes i{background-position:-1px -58px;}
.inner .signs li span.prompt i{background-position: -2px -32px;}

.signs label.success{background: url(../images/loginicon.png) no-repeat -1px -59px;margin-left: 7px;text-align: left;padding-left: 25px;width: auto !important;height:18px; line-height:18px;color: #46A257 !important; margin-top: 6px;}
.signs label.error{background: url(../images/loginicon.png) no-repeat -36px -33px;margin-left: 7px;text-align: left;padding-left: 25px;width: auto !important;height:18px; line-height:18px; margin-top: 6px;color: #EC3D3F !important;}


.inner .signs li .errorText{background:#ffebeb; border-color:#f14144;}
.inner .signs li .inputText:focus{box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #fecb98;background:#FFF;}
.inner .signs li .short{width:120px;}

.signs li.texts{ height: 18px;line-height: 18px;}
.signs .inputCk {float: left;height: 13px;margin: 2px 3px 0 0;overflow: hidden;width: 13px;}
.signs li.agreement {height: 100px;line-height: 20px;margin-bottom: 10px;padding-left: 70px;width: 436px;}
.inner .texts{color:#666; line-height:24px; font-size:14px; margin-bottom:10px;}
.inner .texts a{color:#098cd9;}
.inner  em{font-size:14px;color:#c00;}
.agreement .boxes{border: 1px solid #EEE;border-color: #BBB #EEE #EEE #BBB;color: #666;height: 90px;overflow-x: hidden;overflow-y: scroll !important;padding: 0 8px;}
.inputBtn{ height:32px;color:#FFF; padding:0 23px;background: #44B549;border:none; border-radius: 3px; cursor:pointer; font-size:14px; float:left;}
.inputBtn:hover{background:#4AAF33;}
.copyright{padding-top: 30px; text-align:center; color:#999;}
.determine{ background:#0096df;}
.determine:hover{background:#0faaf5;}
.hideForm{display:none;}
.successful{font-size:14px;}
.successful i{ height:60px; width:60px; display:block;float:left; margin-right:12px; background:url(../images/loginicon.png) no-repeat 1px -85px; margin-top:5px;}
.successful h3{font-size:22px;}
.successful p{padding-top:5px;}
/*产品导航*/
.inner h4{font-size:16px; padding-top:20px;}
.inner .navList{padding-top:15px;}
.inner .navList a{display:inline-block;float:left; margin-right:15px; background:#44B549;padding:8px 15px;}
.inner .navList a i{background:url(../images/loginicon.png) no-repeat 1px -85px; width:28px; height:20px; display:block;}
.inner .navList p{font-size:14px;color:#FFF; padding-top:8px; }
.inner .navList a.d1 i{background-position:-150px -70px;}
.inner .navList a.d2 i{background-position:-122px -98px;}
.inner .navList a.d3 i{background-position:-93px -73px;}
.inner .navList a.d4 i{background-position:-93px -120px;}
.inner .navList a.d5 i{background-position:-92px -95px;}
.inner .navList a.d6 i{background-position:-120px -73px;}
.inner .navList a.d7 i{background-position:-155px -121px;}
.inner .navList a.d8 i{background-position:-153px -97px;}
.inner .navList a.d9 i{background-position:-122px -121px;}
.inner .navList a:hover{text-decoration:none; background:#F90;}
/*注册*/
.wrapBox .login{margin-top:20px;padding:0 30px 20px; float:right; height:368px;}
.wrapBox .login .signs{ width:500px;}
.wrapBox .login .signRight{}
.wrapBox .login .hd{padding:10px 0; border-bottom:1px solid #EEE; margin-bottom:20px;}
.wrapBox .login .hd h2{ color:#0B486B; text-shadow:none; font-size:18px;}
.wrapBox .login .hd span{color:#0B486B;}
.wrapBox .login .hd span a{color:#999;}
.wrapBox .login .agreement{color:#999; font-size:14px;}
.wrapBox .login .agreement a{color:#0B486B;}
.wrapBox .login .signRight h3{border-bottom:1px solid #E0E0E0;position:relative; padding-top:15px;}
.wrapBox .login .signRight h3 span{height:24px; line-height:24px; font-size:14px; color:#666; background:#FFF;padding:0 6px; position:absolute; top:0;left:50%;margin-left:-70px;}
.wrapBox .login .applogin{ margin:15px auto;width:480px;}
.wrapBox .login .applogin li{float:left; width:120px; height:32px; line-height:32px; font-size:14px;}
.wrapBox .login .applogin li a{display:block; background:#c7c7c7; padding:0 10px; margin:0 5px; color:#666;}
.wrapBox .login .applogin li a i{height:24px; width:24px; margin-right:10px;background:url(../images/loginicon.gif) no-repeat #FFF; float:left; margin-top:5px;}
.wrapBox .login .applogin li.sina a i{background-position:-32px 0;}
.wrapBox .login .applogin li.qq a i{background-position:0 0;}
.wrapBox .login .applogin li.alipay a i{background-position:-64px 0;}
.wrapBox .login .applogin li.weixin a i{background-position:-94px 0;}

.wrapBox .login .applogin li.alipay a{background:#ccc;}
.wrapBox .login .applogin li.weixin a{background:#ccc}

.wrapBox .login .applogin li a:hover{color:#FFF;text-decoration:none;}
.wrapBox .login .applogin li.sina a:hover{background:#f00233;}
.wrapBox .login .applogin li.qq a:hover{background:#00a8e9;}
.wrapBox .login .applogin li.alipay a:hover{background:#ff5900;}
.wrapBox .login .applogin li.weixin a:hover{background:#3cb034;}

.wrapBox .login .applogin li.sina a:hover i{background-position:-32px -46px;}
.wrapBox .login .applogin li.qq a:hover i{background-position:0 -46px;}
.wrapBox .login .applogin li.alipay a:hover i{background-position:-64px -46px;}
.wrapBox .login .applogin li.weixin a:hover i{background-position:-94px -46px;}
/*密码找回*/
.wrapBox .forgetpwd{padding:60px; height:202px;}
.wrapBox .forgetpwdTab{width:484px; position:relative;margin-left:184px;}
.wrapBox .forgetpwd .item{float:left; margin-right:40px;}
.wrapBox .forgetpwd .item a{ border:1px solid #eee; background:#FAFAFA; display:block; width:200px; height:200px; text-align:center;}
.wrapBox .forgetpwd .item i{height:80px; width:80px; display:block; background:url(../images/loginicon.png) no-repeat #FFF; margin:25px auto;border-radius: 50%;}
.wrapBox .forgetpwd .item i.email{ background-position:20px -157px;}
.wrapBox .forgetpwd .item i.phone{ background-position:-77px -237px;}
.wrapBox .forgetpwd .item  h3{  font-size: 18px; padding-bottom:10px;color:#666;}
.wrapBox .forgetpwd .item span{color:#999;font-size:14px;}
.wrapBox .forgetpwd .item a:hover{text-decoration:none; background:#e2f9e2; border-color:#8ec18f;}
.wrapBox .forgetpwd .item a:hover i{background-color:#44b549;}
.wrapBox .forgetpwd .item a:hover i.email{ background-position:-88px -157px;}
.wrapBox .forgetpwd .item a:hover i.phone{ background-position:24px -237px;}
.wrapBox .forgetpwd h5{font-size:16px; margin-bottom:10px; }
.email{margin-left:225px;}
.email .bottomEmail{border-top:1px solid #ededed;padding-top:10px;width:446px;margin-left:40px;margin-top:30px;}
.email .bottomEmail p{color:#898989;line-height:25px;}
.email .yes{background:url(../images/loginicon.png) no-repeat 1px -85px;;display:inline-block;width:60px;height:60px;vertical-align:text-bottom;position:relative;top:14px;}
.email .strong{font-size:16px;margin-left:10px;color:#000;font-weight:500;}
.email p.line{margin: 15px 0;padding-left: 42px;}
.email p a{color:#07C;}
.email p a:hover{color:#c00;}
.inner .signs li span.text{color: #888888;}
.inner .signs li span.sendBtn a{border:1px solid #44b549;background:#44b549; display:block; height:30px; line-height:30px; color:#FFF; padding:0 10px; border-radius: 5px;}
.inner .signs li span.sendBtn a:hover{background:#33ac38; text-decoration:none;}
.inner .signs li span.none a{background:#F5F5F5; color:#666; border-color:#DEDEDE;}
.inner .signs li span.none a:hover{cursor:not-allowed;background:#F5F5F5; color:#666; border-color:#DEDEDE;}
.wrapBox .forgetpwd h2{text-align:center;font-size:16px;}
.wrapBox .forgetpwd h2 i{height:27px; line-height:27px; width:27px; display:inline-block;margin-right:5px; background:url(../images/loginicon.png) no-repeat -36px -1px; position:relative;top:5px;}
.wrapBox .forgetpwd h2 a{color:#0096df;}

